.layout {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;

  .layout-body {
    position: relative;
    flex: 1;
    width: 100%;
    max-width: 100%;
    background: $home-bg;
    .container {
      height: 100%;
      padding-top: $spacer;
      padding-bottom: $spacer;
      @include media-breakpoint-down(xs) {
        padding: 0;
      }
    }
  }

  .layout-footer {
    padding: .5*$spacer 0;
    border-top: 1px solid $border-color;
    .footer-link {
      color: $header-footer-color;
      &:hover {
        color: $primary;
      }
    }
  }
}